* {
  box-sizing: border-box;
}

.container {
  width: 100%;
  height: 100%;
}

.head-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;

}

.head-top span {
  font-size: 18px;
  color: #323232;
}

.head-top img {
  width: 1.25rem;
  height: 1.125rem;
  position: absolute;
  right: 1.5625rem;
  top: 50%;
  transform: translateY(-50%);
}

.header {
  position: relative;
  background-size: 100% 100%;
  width: 100%;
  height: 12.5rem;
  padding-bottom: .5rem;
  overflow: hidden;
  padding-top: 8%;
}

.header .gengduo {
  position: absolute;
  right: .5rem;
  top: .5rem;
}

.header .touxiang {
  width: 100%;
  margin-left: 1.8125rem;
}

.name {
  text-align: left;
  margin-bottom: .75rem;
}

.name span {
  font-size: 19px;
  font-weight: bold;
  color: #fff;
}

.erweima {
  display: inline-block;
  width: .8125rem;
  margin-top: 0rem;
}

.erweima img {
  width: 100%;
  height: 100%;
}

.num {
  display: flex;
  justify-content: space-between;
  margin: 2.5rem 2.1875rem 0 1.875rem;
  align-items: center;
}

.num .word {
  display: flex;
  align-items: center;
}

.num .word span {
  font-size: 15px;
  color: #fff;
}

.num .word img {
  width: 1rem;
  margin-left: .6875rem;
}

.num .asset {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
}

.title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: .1875rem 1.25rem .875rem;
}

.title span {
  font-size: 18px;
  color: #888888;
}

.title img {
  width: 2rem;
}

.xuanzefenlei {
  background: #ffffff;

}

.eth {
  padding: .733333rem .546667rem;
}

.eth .zhizhen {
  font-size: .646667rem;
  color: #4e5e70;
}

.eth .zhizhen img {
  width: 1.433333rem;
  height: 1.433333rem;
}

.monery span {
  width: 100%;
}

.monery span:first-child {
  font-size: .946667rem;
  color: #4e5e70;
}

.monery span:last-child {
  font-size: .646667rem;
  color: #8c96a8;
}

/*.walletBox{*/
/*width: 100%;*/
/*height: 100%;*/
/*border:1px red solid*/
/*}*/

/*.walletBox .wallet{*/
/*width: 100%;*/
/*height: 2.8rem;*/
/*}*/

/*.walletBox .wallet.active {*/
/*background: #e9e9e9;*/
/*}*/

/*.walletBox .wallet img {*/
/*display: block;*/
/*width: 2rem;*/
/*height: 2rem;*/
/*margin:.3rem .6rem 0rem .5rem;*/
/*float: left;*/
/*}*/

/*.walletBox .wallet span {*/
/*display: block;*/
/*float: left;*/
/*margin-top: .8rem;*/
/*font-size: .8rem;*/
/*color:gray;*/
/*}*/

.createWallet {
  margin: 0.5rem auto 1rem;
  width: 11.625rem;
  height: 3.125rem;
  background: #7496E8;
  box-shadow: 0px 0.3125rem 0.5625rem 0.1875rem rgba(28, 49, 220, 0.22);
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: absolute;
  bottom: 3.125rem;
  left: 50%;
  transform: translateX(-50%);
}
.createWallet img {
  margin-right: 0.5625rem;
  width: 1.625rem;
}

.ethbox {
  overflow-y: scroll;
}

.ethbox .slide-title {
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9375rem;
  color: #323232;

}

.ethbox .ethWallet .w-block{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height:3.125rem;
  padding: 0 1.3125rem;
  position: relative;
  &::after {
    content: "";
    height: .0625rem;
    background: #DCDCDC;
    width: 14.375rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .wallet {
    span {
      color: #323232;
      font-weight: bold;
      font-size: 1.0625rem;
    }
  }
  &.active {
    background: #808EFF;
    &::after {
     display: none;
    }
    .wallet {
      span {
        color:#fff;
      }
    }
  }
}


.ethbox .ethWallet .w-block .r-img {
  width: .5625rem;
}
.ethbox .ethWallet .w-block .wallet{
  display: flex;
  align-items: center;
}
.ethbox .ethWallet .w-block .wallet img{
  width: 1.625rem;
}